<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="融合产品研发中心培训效果评估表" />
    <meta name="keywords" content="融合 培训效果评估 调查问卷" />
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
    <title>创建问卷</title>
    <link href="css/wj.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/addclass.js"></script>
    <script src="js/laydate/laydate.js"></script>
    <script>
        show = function () {
            alert("本是同根生，相煎何太急!");
        };
    </script>
</head>
<body class="yl_body yl_customStyle">

<!-- 顶部信息 -->
<div class="detail_top" style="display:none">
    <div class="bodywarp">
        <div style="float: left">
            <div class="top_l_nologin">
                创建问卷 <a class="top_icon" id="survey_head_login_link"
                          href="" rel="nofollow"></a>
            </div>
        </div>
    </div>
</div>

<div id="main" class="main"
     style="margin-bottom: 20px;">
    <div class="yl_main">
        <!-- 标题部分 -->
        <div class="topic">
            <h2>创建问卷</h2>
            <div class="info clearfix" style="height: 30px;display:none">
					<span> 发布者：<a rel="nofollow" style="color: #999 !important"
                                  class="color-blue"> 我要调...*** </a>
					</span> <span> 有效答卷数：<a rel="nofollow"
                                            style="color: #999 !important" class="color-blue">最少10份 </a></span> <span><a
                    href="javascript:show()" style="color: #2F8AE3">举报</a></span>
            </div>
        </div>
        <!-- 信息框 -->
        <div class="notice">请在如下所有题目中填写需要<strong style="color:red">定制</strong>的项，点击“提交”后会生成该模板的问卷填写地址</div>


        <div id="questionaryAnswerDiv1" class="main"
             style="margin-bottom: 20px;">
            <form name="questionaryform" id="questionaryform" method="post" action="">
                <div id="questionsDiv" class="yl_questions">

                    <!-- 问题项 -->
                    <div th:each="question,questionStat : ${questions}" id="q_aaa" class="yl_question backColorChangeable">

                        <div th:switch="${question.type}">
                            <!-- 单选题 -->
                            <div th:case="'0'">
                                <!-- 题目标题 -->
                                <div class="yl_header">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="top">
                                                <div class="yl_sort" th:text="${questionStat.index}+'、'">1、</div>
                                            </td>
                                            <td>
                                                <div class="yl_title">
                                                    <a th:text="${questionStat.index}+'wt'"></a>
                                                    <strong>
                                                        <span style="font-size: medium;" th:text="${question.title}">XXXX</span>
                                                    </strong>
                                                    <span class="yl_type">[单选]</span>
                                                </div>
                                                <div class="yl_tip"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <!-- 题目内容 -->
                                <div class="yl_one_items">
                                    <div class="yl_one_item">
                                        <table class="yl_one_item_tbl">
                                            <tr class="tk_frame" th:each="option,optionStat : ${question.childrenquestions}[0]">
                                                <td style="white-space: nowrap;">
                                                    <input th:id="${questionStat.index}+'_'+${optionStat.index}" th:name="${questionStat.index}" th:value="${question.name}" type="radio" class="bootstrapInput dx_input"/>
                                                    <label th:for="${questionStat.index}+'_'+${optionStat.index}" th:text="${option.name}"></label>
                                                    <input th:if="${option.isgap} == 'true'" th:name-id="${questionStat.index}+'_'+${optionStat.index}+'_text'" type="text" placeholder="请填写" class="bootstrapInput dx_input dx_text_input"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- 多选题 -->
                            <div th:case="'1'">
                                <!-- 题目标题 -->
                                <div class="yl_header">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="top">
                                                <div class="yl_sort" th:text="${questionStat.index}+'、'">1、</div>
                                            </td>
                                            <td>
                                                <div class="yl_title">
                                                    <a th:text="${questionStat.index}+'wt'"></a>
                                                    <strong>
                                                        <span style="font-size: medium;" th:text="${question.title}">XXXX</span>
                                                    </strong>
                                                    <span class="yl_type">[多选]</span>
                                                </div>
                                                <div class="yl_tip"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <!-- 题目内容 -->
                                <div class="yl_one_items">
                                    <div class="yl_one_item">
                                        <table class="yl_one_item_tbl">
                                            <tr class="tk_frame" th:each="option,optionStat : ${question.childrenquestions}[0]">
                                                <td style="white-space: nowrap;">
                                                    <input th:id="${questionStat.index}+'_'+${optionStat.index}" th:name="${questionStat.index}" th:value="${question.name}" type="checkbox" class="bootstrapInput dox_input"/>
                                                    <label th:for="${questionStat.index}+'_'+${optionStat.index}" th:text="${option.name}"></label>
                                                    <input th:if="${option.isgap} == 'true'" th:name-id="${questionStat.index}+'_'+${optionStat.index}+'_text'" type="text" placeholder="请填写" class="bootstrapInput dox_input dox_text_input"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- 问答题 -->
                            <div th:case="'2'">
                                <!-- 题目标题 -->
                                <div class="yl_header">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="top">
                                                <div class="yl_sort" th:text="${questionStat.index}+'、'">1、</div>
                                            </td>
                                            <td>
                                                <div class="yl_title">
                                                    <a th:text="${questionStat.index}+'wt'"></a>
                                                    <strong>
                                                        <span style="font-size: medium;" th:text="${question.title}">XXXX</span>
                                                    </strong>
                                                    <span class="yl_type">[填空]</span>
                                                </div>
                                                <div class="yl_tip"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <!-- 题目内容 -->
                                <div class="yl_one_items">
                                    <div class="yl_one_item">
                                        <table class="yl_one_item_tbl">
                                            <tr class="tk_frame">
                                                <td style="white-space: nowrap;">
                                                    <input th:name-id="${questionStat.index}+'_'+${optionStat.index}+'_text'" type="text" placeholder="请填写" class="bootstrapInput tk_input"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- 矩阵题 -->
                            <div th:case="'3'">
                                <!-- 题目标题 -->
                                <div class="yl_header">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="top">
                                                <div class="yl_sort" th:text="${questionStat.index}+'、'">1、</div>
                                            </td>
                                            <td>
                                                <div class="yl_title">
                                                    <a th:text="${questionStat.index}+'wt'"></a>
                                                    <strong>
                                                        <span style="font-size: medium;" th:text="${question.title}">XXXX</span>
                                                    </strong>
                                                    <span class="yl_type">[多选]</span>
                                                </div>
                                                <div class="yl_tip"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <!-- 小题 -->
                                <div class=" backColorChangeable" th:each="childrenquestion,childrenquestionStat : ${question.childrenquestions}">
                                    <!-- 小题标题 -->
                                    <div class="yl_header">
                                        <table border="0" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td valign="top">
                                                    <div class="yl_sort"></div>
                                                </td>
                                                <td>
                                                    <div class="yl_title">
                                                        <a th:text="${questionStat.index}+'wt'"></a>
                                                        <strong>
                                                            <span style="font-size: medium;" th:text="${childrenquestion.lefttitle}">XXXX</span>
                                                        </strong>
                                                        <span class="yl_type">[？？]</span>
                                                    </div>
                                                    <div class="yl_tip"></div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <!-- 题目内容 -->
                                    <div class="yl_one_items">
                                        <div class="yl_one_item">
                                            <table class="yl_one_item_tbl">
                                                <tr class="tk_frame" th:each="option,optionStat : ${childrenquestion.options}">
                                                    <td style="white-space: nowrap;">
                                                        <input th:id="${questionStat.index}+'_'+${childrenquestionStat.index}+'_'+${optionStat.index}" th:name="${childrenquestionStat.index}" th:value="${question.name}" type="checkbox" class="bootstrapInput jz_input"/>
                                                        <label th:for="${questionStat.index}+'_'+${childrenquestionStat.index}+'_'+${optionStat.index}" th:text="${option.name}"></label>
                                                        <input th:if="${option.isgap} == 'true'" th:name-id="${questionStat.index}+'_'+${optionStat.index}+'_text'" type="text" placeholder="请填写" class="bootstrapInput jz_input jz_text_input"/>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- 时间题 -->
                            <div th:case="'4'">
                                <!-- 题目标题 -->
                                <div class="yl_header">
                                    <table border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td valign="top">
                                                <div class="yl_sort" th:text="${questionStat.index}+'、'">1、</div>
                                            </td>
                                            <td>
                                                <div class="yl_title">
                                                    <a th:text="${questionStat.index}+'wt'"></a>
                                                    <strong>
                                                        <span style="font-size: medium;" th:text="${question.title}">XXXX</span>
                                                    </strong>
                                                    <span class="yl_type">[选择日期、时间]</span>
                                                </div>
                                                <div class="yl_tip"></div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <!-- 题目内容 -->
                                <div class="yl_one_items">
                                    <div class="yl_one_item">
                                        <table class="yl_one_item_tbl">
                                            <tr class="tk_frame">
                                                <td style="white-space: nowrap;">
                                                    <input th:name-id="${questionStat.index}+'_datapick'" type="text" placeholder="请选择日期" value="" class="bootstrapInput datepick"/>
                                                </td>
                                                <td style="white-space: nowrap;">
                                                    <p style="margin:0px 5px 15px  10px; font-weight:bold">:</p>
                                                </td>
                                                <td style="white-space: nowrap;">
                                                    <input th:name-id="${questionStat.index}+'_timepick'" type="text" placeholder="请选择时间段" value="" class="bootstrapInput timepick"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>


                        </div>


                    </div>

                </div>
            </form>
        </div>

        <!-- 提交 -->
        <div class="yl_submit ">
            <span class="yl_submit_rndCode"></span>
            <input type="button" id="ylSubmitBtn" value="提交" onclick="sunbmitAddClassForm()" class="bootstrapButton"/>
        </div>

    </div>
</div>

<!-- 版权部分 -->
<div class="yl_copyright">
    <div>
        Copyright 1994-2017 版权所有 <a href="http://www.sf-tech.com.cn/"
                                    target="_blank" class="color-blue">顺丰科技 <span
            style="font-size: 10px">TM</span></a>
    </div>
</div>

<script>
    laydate.render({
        elem : '.datepick'
    });
    laydate.render({
        elem : '.timepick',
        type : 'time',
        range : true
    });
</script>

</body>
</html>